In April 2009, we announced a new version of Gmail for mobile for iOS and Android. Among the improvements was a complete redesign of the web application's underlying code, which allows us to more rapidly develop and release new features that users have been asking for, as explained in our first post. Today’s topic for the The Iterative Web App, a series where we continue to release features for Gmail for mobile, is the Stacked Cards Interface on the iPad.

When we announced our new interface for Gmail on the iPad, we requested feedback on how we could improve this experience for tablet devices. In June, we responded with a new compose screen. Today, we’re addressing the top feedback by launching a new “stacked card” interface for selecting and managing multiple conversations.



In the past, performing actions on selected conversations was awkward. There were two similar toolbars on the screen: one on the bottom left and the other on the top right. The former affected the selected conversations, while the latter affected the currently open conversation. Since the toolbars’ buttons looked similar, it was easy to mistakenly use the wrong toolbar. Sound confusing? It was.

In the new interface, selected conversations are displayed stacked on the right panel for easy organizing, archiving or deleting. The second toolbar is gone so it’s always clear which conversations you’re working with.

This new interface has also been an opportunity for our team to experiment with CSS3 transitions, which give mobile web applications a similar look and feel to native applications. More details on the implementation are posted on the code blog.

To try the Gmail webapp on the iPad, just go to gmail.com in Safari. For quick access, create a homescreen link. Please note that the new interface is only available in US English for now.

Posted by Liam Asher Segel-Brown, Software Engineering Intern, Google Mobile

Every mobile engineering team -- including Google's -- struggles to make its applications available to all users on all devices. Even if you scope your work to today's smartphones, you're left with no less than five major operating systems. But we pay this cost because native code is often the only way to build an app that's rich enough and fast enough to meet users' needs. Enter the mobile web.

A growing number of mobile devices ship with an all-important feature: a modern web browser. And this is significant for two reasons:

1. As an engineering team, we can build a single app with HTML and JavaScript, and have it "just work" across many mobile operating systems. The cost savings are substantial, not to mention the time you can re-invest in user-requested features.
2. Having a web application also means we can launch products and features as soon as they're ready. And for users, the latest version of the app is always just a URL and a refresh away.

Of course: what sounds good in theory doesn't always materialize in practice. So back in April 2009 our team began re-building Gmail for mobile for today's modern browsers. We wanted to know: Could the mobile web support Gmail's basic and advanced features? Could we stuff the app with functionality while still keeping it fast and responsive? Today, and for the first time, we have answers to both questions.

Over the past 8 months we've pushed the limits of HTML5 to launch a steady string of Gmail features, including:

• Full label support
• Swipe to Archive
• Smart Links
• Faster address auto-complete
• Move and Enhanced Refresh
• Outbox
• Auto-expanding compose boxes
• And many more...

So yes, HTML5 and the mobile web are clearly up to the task of building rich and powerful apps. But speed is arguably the most important feature of any application. And we've remained unsatisfied with Gmail's performance on the mobile web. Until now.

As of today, and thanks to numerous optimizations, I'm happy to report that Gmail for mobile loads 2-3x faster than it did in April (see Figure 1). In fact on newer iPhone and Android devices, the app now loads in under 3 seconds. So yes, the mobile web can deliver really responsive applications.


Figure 1: Best and Worst Case Gmail for mobile start-up times, April 2009 vs. December 2009. All figures recorded on an iPhone 3G with EDGE data access.

The Gmail for mobile team isn't done, of course. We've focused primarily on performance over the past few months, but many other features and optimizations are on the way. So keep visiting gmail.com for the latest and greatest version of the app.

Looking ahead, it's also worth noting that as a worldwide mobile team, we'll continue to build native apps where it makes sense. But we're incredibly optimistic about the future of the mobile web -- both for developers and for the users we serve.

Posted by Alex Nicolaou, Engineering Manager